.top{width: 100%;border-top:8px solid #b04810;background: #fff;}
.top .top_box{height: 200px;}
.top .logo{margin: 50px 0;float: left;}
.top form{padding-top: 70px;}
.top .search{width: 310px;height: 36px;border-radius: 18px;border: solid 1px #b04810;}
.top .search input{width: 80%;line-height: 36px;padding-left:5%;font-size: 16px;color: #999;}
.top .search .button{width: 10%;}
.top .search .button img{width: 70%;}
.top .search .button:hover{cursor: pointer;}
.top .header-nav{width: 100%;height: 56px;background: #b04810;}

/* 导航栏 */
.top .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.top .nav{  height:56px;font-size: 18px;line-height:56px;  position:relative; z-index:1;  }
.top .nav a{ color:#fff;  }
.top .nav .nLi{ float:left;  position:relative; display:inline;}
.top .nav .nLi:hover{background: #ca5617;}
.top .nav .na{ width: 105px;height:56px;text-align: center;float:left; position:relative; display:inline;  }
.top .nav .na h3{ float:left;  }
.top .nav .na h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }
.top .nav .sub{ display:none; width:150px; left:0; top:55px;  position:absolute; padding:5px 0; background-color: #ffffff;box-shadow: 0px 2px 3px 0px rgba(203, 203, 203, 0.67); }
.top .nav .sub li{ zoom:1;border-bottom: #ebebeb 1px solid;}
.top .nav .sub a{ display:block; text-align: center; color: #666;}
.top .nav .sub a:hover{ background:#ca5617; color:#fff; }
/* 导航栏 */

/*Banner*/
.banner{width: 1400px;overflow: hidden;position:relative;margin:0 auto;}
.banner .bd{ position:relative;width: 100%;height: 580px;}
.banner .bd li{width: 1400px;overflow: hidden;position: relative;}
.banner .bd li::before{content:"";position:absolute;left:0;bottom:0;right:0;height:80px;}
.banner .bd li a{display: block;width: 100%;}
.banner .bd li .bTxt{position: absolute;;left: 100px;bottom: 20px;}
.banner .bd li .bTxt a{font-size: 30px;color: #ffffff;letter-spacing: 2px;}
.banner .bd li img{width:100%;height: 415px;display: block;margin: 0 auto;} 
.banner .hd{ overflow:hidden;position: absolute;width: 100%;bottom: 50px;z-index:2;}
.banner .hd ul{margin:0 auto;box-sizing: border-box;text-align: center;padding-right: 120px;}
.banner .hd ul li{display:inline-block;cursor: pointer;width:15px;height:15px;border-radius: 15px;overflow:hidden;margin: 0 4px;background: rgba(255, 255, 255, .8);font-size: 0;}
.banner .hd ul li.on{background: #ee8146;} 
.banner .bBtn{position:absolute;width: 31px;height: 54px;top: 45%;cursor: pointer;z-index: 3;display: none;}
.banner .bBtn img{transform: rotateX(180deg);transition:0.5s;}
.banner .prev{left: 50px;}
.banner .next{right: 50px;}
.banner:hover .bBtn{display: block;}
.banner .prev:hover img{transform: rotateX(215deg);}
.banner .next:hover img{transform: rotateX(215deg);}
/*Banner*/

/* 校区要闻 */
.xqyw{width: 100%;height: 650px;;background: url(../images/ylxq_xqyw_bg.jpg);}
.xqyw .xqyw_title{text-align: center;position: relative;}
.xqyw .xqyw_title p{font-size: 40px;color: #b04810;padding-top: 60px;font-weight: normal;font-stretch: normal;}
.xqyw .xqyw_title a{display: block;position: absolute;font-weight: normal;font-stretch: normal;width: 100px;height: 30px;text-align: center;line-height: 30px;border-radius: 4px;font-size: 16px;color: #cf8963;float: right;border: solid 1px #cf8963;right: 0;top: 80px;}
.xqyw .xqyw_title a:hover{background: #cf8963;color: #fff;}
.xqyw .content{margin-top: 55px;display: flex;}
.xqyw .content .left_banner{width: 560px;height: 448px;position: relative;}
.xqyw .content .left_banner .focusBox .bBtn{position:absolute;width: 31px;height: 54px;top: 45%;cursor: pointer;z-index: 3;display: none;}
.xqyw .content .left_banner .focusBox .bBtn img{transform: rotateX(180deg);transition:0.5s;}
.xqyw .content .left_banner .focusBox .bBtn{top: 35%;}
.xqyw .content .left_banner .prev{left: 0;}
.xqyw .content .left_banner .next{right: 0;}
.xqyw .content .left_banner .focusBox:hover .bBtn{display: block;}
.xqyw .content .left_banner .focusBox .txt {position: absolute;bottom: 0;z-index: 2;height: 40px;width: 100%;overflow: hidden;background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.xqyw .content .left_banner .focusBox .txt li {height: 35px;line-height: 35px;position: absolute;bottom: -36px;}
.xqyw .content .left_banner .focusBox .txt li a {width: 460px;display: block;color: white;padding: 0 0 0 20px;font-size: 16px;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xqyw .content .left_banner .focusBox .txt li a:hover {text-decoration: underline;}
.xqyw .content .mid_box {width: 390px;height: 448px;margin-left: 30px;}
.xqyw .content .mid_box .item{width: 390px;height: 210px;background: #ffffff;border-bottom: 1px solid #cf8963;box-sizing: border-box;}
.xqyw .content .mid_box .item:nth-child(2){margin-top: 30px;}
.xqyw .content .mid_box .item .title{margin: 0 auto;width: 339px;height: 42px;line-height: 24px;font-size: 18px;font-weight: 800;font-stretch: normal;color: #222;padding-top: 20px;}
.xqyw .content .mid_box .item .text{margin: 0 auto;padding-top: 25px;width: 341px;height: 70px;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;color: #666666;
    overflow: hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.xqyw .content .mid_box .item .time{margin:20px 0 0 25px;}
.xqyw .content .mid_box .item .time {color: #999;padding-left: 10px;font-size: 12px;background: url(../images/ylxq_time.png) no-repeat 0 4px;padding-left: 20px;}
.xqyw .content .mid_box .item:hover{background: url(../images/ylxq_xqyw_hover.jpg);}
.xqyw .content .mid_box .item:hover .title{color: #fff;}
.xqyw .content .mid_box .item:hover .text{color: #fff;}
.xqyw .content .mid_box .item:hover .time {color: #fff;background: url(../images/ylxq_time_hover.png) no-repeat 0 4px;}

.xqyw .content .right_list{	width: 387px;height: 448px;background:url(../images/ylxq_list_bg.jpg);margin-left: 30px;}
.xqyw .content .right_list ul li{display: flex;width: 367px;height: 70px;float: right;;line-height: 70px;font-size: 16px;color:#fff;box-sizing: border-box;border-bottom: #fff 1px solid;}
.xqyw .content .right_list ul li img{width: 3px;height: 14px;margin:auto 0;}
.xqyw .content .right_list ul li a{display: block;width: 256px;padding-left:20px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xqyw .content .right_list ul li .time{padding-left: 20px;}
.xqyw .content .right_list ul li:hover a{color: #ca5617;}
.xqyw .content .right_list ul li:hover .time{color: #ca5617;}

/* 校区要闻 */

/* 通知公告 */
.tzgg{width: 100%;height: 566px;;background: url(../images/ylxq_tzgg_bg.jpg);position: relative;}
.tzgg .line{top: 320px;left: 100px; width: 1680px;height: 26px; position: absolute;}
.tzgg .tzgg_title{text-align: center;position: relative;}
.tzgg .tzgg_title p{font-size: 40px;color: #fff;padding-top: 60px;font-weight: normal;font-stretch: normal;}
.tzgg .tzgg_title a{display: block;position: absolute;font-weight: normal;font-stretch: normal;width: 100px;height: 30px;text-align: center;line-height: 30px;border-radius: 4px;font-size: 16px;color: #fff;float: right;border: solid 1px #fff;right: 0;top: 80px;}
.tzgg .tzgg_title a:hover{background: #cf8963;border: solid 1px #cf8963;}
.tz-top{padding-right:13%}
.tz-ul-list li{float:left;width:33.333333%;padding:0 20px}
.tz-ul-list{margin:0 -20px}
.tz-ul-box{height:109px;position:relative;background:url(../images/ylxq_tzgg_top_bg.png) center no-repeat;padding:20px 30px;display:block}
.tz-ul-box:hover{background:url(../images/ylxq_tzgg_top_hover.png) center no-repeat}
.tz-ul-tt{font-size:16px;color:#333;margin-bottom:10px}
.tz-bottom{margin-top:50px;padding-left:13%}
.tz-bottom .tz-ul-box{background:url(../images/ylxq_tzgg_bom_bg.png) center no-repeat;padding-top:40px}
.tz-bottom .tz-ul-box:hover{background:url(../images/ylxq_tzgg_bom_hover.png) center no-repeat}
.tz-ul-box:hover .tz-ul-tt{color:#fff}
.tz-ul-box:hover .center-ul-date{color:#fff;background:url() left center no-repeat}
.tz-ul-box:before{display:block;content:"";position:absolute;left:0;right:0;bottom:-34px;height:17px;background:url(../images/dian.png) center no-repeat}
.tz-bottom .tz-ul-box:before{bottom:auto;top:-32px}
.center-ul-date{color:#666;margin-top:10px}
.txt-elise{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tz-ul-tt{font-size:16px;color:#333;margin-bottom:10px}
.tz-ul-box:hover .tz-ul-tt{color:#fff}
.tz-ul-list li{float:left;width:33.333333%;padding:0 20px}
.tz-ul-list{margin:0 -20px}
.text-right{margin-top:30px}
.page-tow{margin-top:30px}
.page-tow:before{display:block;position:absolute;content:"";left:60px;right:60px;top:324px;border-top:solid 1px #fff}
/* 通知公告 */

/* 学工在线 */
.xgzx{width: 100%;height: 818px;background: url(../images/ylxq_xgzx_bg.jpg) no-repeat;}
.xgzx .xgzx_title{text-align: center;position: relative;}
.xgzx .xgzx_title p{font-size: 40px;color: #b04810;padding-top: 60px;font-weight: normal;font-stretch: normal;}
.xgzx .xgzx_title a{display: block;position: absolute;font-weight: normal;font-stretch: normal;width: 100px;height: 30px;text-align: center;line-height: 30px;border-radius: 4px;font-size: 16px;color: #cf8963;float: right;border: solid 1px #cf8963;right: 0;top: 80px;}
.xgzx .xgzx_title a:hover{background: #cf8963;color: #fff;}
.xgzx .content{margin-top: 70px;}
.xgzx .content_box .item {width: 700px;height: 270px;display: flex;}
.xgzx .content_box .item img{width: 350px;height: 270px;}
.xgzx .content_box .item img{-moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.xgzx .content_box .item img:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.xgzx .content_box .item .item_img{overflow: hidden;}
.xgzx .content_box .item .item_box{width: 350px;height: 270px;background: #f4faff;position: relative;}
.xgzx .content_box .item .item_box .item_title{font-size: 18px;color: #222222;font-weight: 800;font-stretch:800;width: 290px;margin: 28px auto 0;}
.xgzx .content_box .item .item_box .item_text{width: 290px;font-size: 14px;color: #666666;position: absolute;top: 45%;left: 10%;    overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.xgzx .content_box .item .item_box:hover{background: url(../images/ylxq_xgzx_hover1.png) no-repeat;}
.xgzx .content_box .item .item_box:hover .item_title{color: #fff;}
.xgzx .content_box .item .item_box:hover .item_text{color: #fff;}

/* 学工在线 */

/* 校园风光 */
.xyfg{width: 100%;height: 775px;background: url(../images/ylxq_xysh_bg.jpg) no-repeat;}
.xyfg .xyfg_title{text-align: center;position: relative;}
.xyfg .xyfg_title p{font-size: 40px;color: #fff;padding-top: 60px;font-weight: normal;font-stretch: normal;}
.xyfg .xyfg_title a{display: block;position: absolute;font-weight: normal;font-stretch: normal;width: 100px;height: 30px;text-align: center;line-height: 30px;border-radius: 4px;font-size: 16px;color: #fff;float: right;border: solid 1px #fff;right: 0;top: 80px;}
.xyfg .xyfg_title a:hover{background: #cf8963;border: solid 1px #cf8963;}
.xyfg .content {margin-top: 90px;}
.xyfg .content .video {width: 600px;height: 524px;position: relative;}
.xyfg .content .video .video_title{width: 100%;height: 50px;text-align: center;position: absolute;bottom: 0;background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.xyfg .content .video .video_title p{font-size: 20px;color: #fff;}
.xyfg .content .photo {width: 780px;height: 524px;margin-left: 20px;position: relative;}
.xyfg .content .photo .ph_item{display: flex;justify-content: space-between;}
.xyfg .content .photo .ph_item:nth-child(2){margin-top: 20px;}
.xyfg .content .photo .ph_item a{display: block;position: relative;}
.xyfg .content .photo .ph_item .img_title{position: absolute;bottom: 20px;text-align: right;right: 20px;color: #fff;font-size: 20px;}
/* 校园风光 */

/* 热点链接 */
.rdlj{width: 100%;height: 260px;background: #fff;}
.rdlj .rdlj_box{display: flex;justify-content: space-around;padding-top: 70px;}
.rdlj .rdlj_box .jryd{display: block;width: 140px;height: 140px;background: url(../images/ylxq_rdlj_1.png) no-repeat 50% 50%;}
.rdlj .rdlj_box .jryd:hover {background: url(../images/ylxq_rdlj_1hover.png) no-repeat;}
.rdlj .rdlj_box .tsg{display: block;width: 140px;height: 140px;background: url(../images/ylxq_rdlj_2.png) no-repeat 50% 50%;}
.rdlj .rdlj_box .tsg:hover {background: url(../images/ylxq_rdlj_2hover.png) no-repeat;}
.rdlj .rdlj_box .zhxy{display: block;width: 140px;height: 140px;background: url(../images/ylxq_rdlj_3.png) no-repeat 50% 50%;}
.rdlj .rdlj_box .zhxy:hover {background: url(../images/ylxq_rdlj_3hover.png) no-repeat;}
.rdlj .rdlj_box .wlxx{display: block;width: 140px;height: 140px;background: url(../images/ylxq_rdlj_4.png) no-repeat 50% 50%;}
.rdlj .rdlj_box .wlxx:hover {background: url(../images/ylxq_rdlj_4hover.png) no-repeat;}
.rdlj .rdlj_box .wsjp{display: block;width: 140px;height: 140px;background: url(../images/ylxq_rdlj_5.png) no-repeat 50% 50%;}
.rdlj .rdlj_box .wsjp:hover {background: url(../images/ylxq_rdlj_5hover.png) no-repeat;}
.rdlj .rdlj_box .fzsy{display: block;width: 140px;height: 140px;background: url(../images/ylxq_rdlj_6.png) no-repeat 50% 50%;}
.rdlj .rdlj_box .fzsy:hover {background: url(../images/ylxq_rdlj_6hover.png) no-repeat;}
/* 热点链接 */

/* footer*/
.footer{width: 100%;height: 200px;background: #b04810;}
.footer .footer_box{width: 1055px;margin: 0 auto;padding-top: 60px;}
.footer .logo{width: 437px;}
.footer .footer_text{margin-left: 30px;font-size: 20px;color: #ffffff;font-weight: 400;}
/* footer */